<template>
<section >
  <!--解决方案详情子导航-->
  <div class="plan_crumb">
    <div class="main-width " >
      <router-link to="/solution">解决方案</router-link>&nbsp;&gt;&nbsp;
      <span >{{solutionName}}</span>
    </div>
  </div>
  <!--banner-->
  <div class="layout_grid layout">
    <div class="inner">
      <div class="inner_box" :style="{background:'url('+solutionImg+') no-repeat center right',backgroundSize:'cover'}">
        <p class="title slideInUp animated">{{solutionName}}</p>
        <p class="info slideInUp animated">{{solutionSlogan}}</p>
      </div>
    </div>
  </div>
  <!--电商行业推荐架构-->
  <div class="solution_cell layout" v-loading="loading">
    <div class="inner" style="padding:0px 0 25px 0;">
      <div class="inner_box">
        <div class="title" ><p class="tit" v-html="solutionFrameTitle"></p></div>
        <div class="content ">
          <ul class="tab">
            <li v-for="(tab, index) in preview" @click="handleTabs(tab.introduceId)" :class="{'current':curId === tab.introduceId}" >
              {{tableDicts(tab.introduceType, typeData)}}
            </li>
          </ul>
          <div class="con clearfix" v-for="detail in preview" v-if="detail.introduceId === curId">
            <div class="left">
              <img v-if="detail.introduceImg" v-lazy=" baseURL + detail.introduceImg" :key="detail.introduceImg" alt=""/>
            </div>
            <div class="right">
              <div class="top">
                <p class="tt">{{detail.introduceTitle}}</p>
                <p class="info">{{detail.introduceRemark}}</p>
              </div>
              <div class="bot">
                <div class="t1list">
                  <p>{{detail.introduceProblem}}</p>
                </div>
                <div class="bt">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--方案业务场景及优势-->
  <div class="solution_cell" v-loading="loading0">
    <div class="inner" style="padding:17px 0 25px 0;">
      <div class="inner_box">
        <div class="title"><p class="tit" v-text="solutionSceneTitle"></p></div>
        <div class="J_tab cl">
          <div class="left_tab">
            <ul>
              <li v-for="(Two, index) in preview0" @click="handleTabs0(Two.introduceId)" :class="{'active':curIds === Two.introduceId}" >
                {{tableDicts(Two.introduceType, typeData0)}}
              </li>
            </ul>
          </div>
          <div class="right_box ">
            <div class="item_con" v-for="detail in preview0" v-if="detail.introduceId === curIds">
              <div class="item_info nop">
                <h3>{{detail.introduceTitle}}</h3>
                <p>{{detail.introduceRemark}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <Footer @goDetails="goDetails"/>
</section>
</template>

<script>
import detailJs from './detailJs'
export default detailJs
</script>

<style scoped>

</style>
